<template>
  <v-page class="bg-light" style="min-height: 100vh">
    <view
      class="list fn-16 color-default rounded-md m-md d-flex align-center justify-around"
    >
      <view class="item active"> 图片与视频 </view>
      <view class="item"> 文件 </view>
      <view class="item"> 语音 </view>
      <view class="item"> 文字 </view>
      <view class="item"> 音乐 </view>
    </view>
    <view
      class="d-flex fn-14 color-default justify-center align-center"
      style="height: 60vh"
    >
      <view
        class="image align-center flex-col d-flex justify-center align-center"
      >
        <img src="static/img/me/collect.png" class="w-46 h-46" alt="" />
        <view class="txt"> 暂无收藏内容 </view>
      </view>
    </view>
  </v-page>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.list {
  width: 710rpx;
  height: 124rpx;
  background: #ffffff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.16);
  .item {
    padding: 0 15px;
    border-right: 1px solid #eaeaea;
    flex-shrink: 0;
    &.active {
      color: $theme;
    }
  }
}
</style>